table.js ➔ initInstance - Code Metrics - Inspection of "no message" - webdivane/table - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Branch — master (0d6aa4)

by Plamen

created 2019-03-09 17:02 UTC

table.js ➔ initInstance B

↳ Parent: TableSingleton.constructor

Complexity

Conditions	1
Paths	96

Size

Total Lines	155
Code Lines	121

Duplication

Lines	0
Ratio	0 %

Importance

Changes	6
Bugs	0	Features	0

Metric	Value
cc	1
eloc	121
nc	96
nop	0
dl	0
loc	155
rs	7
c	6
b	0
f	0

How to fix Long Method

var TableInitSetColumnsHoverEffect = function(tContainer, tableId){
    var tHcells = tContainer.rows[0].cells;
    for(var i = 0; i < tHcells.length; i++){
        if(tHcells[i].firstChild.tagName === "A"){
            tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
            tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
        }
    }
};
var TableHelperBuildRequest = function(rq, crntTableId, strDesc){
    rq.tableId = crntTableId;
    TableHelperBuildRequest_Sort(rq, strDesc);
    TableHelperBuildRequest_Filter(rq);
};
var TableHelperBuildRequest_Sort = function(rq, strDesc){
    function sortBySpan(span, i){
        var order = span.innerHTML;
        if(order.length === 1){
            rq.colNo = i;
            rq.colOrd = order === strDesc ? "desc" : "asc";
        }
        return rq.colNo === i;
    }
    
    var thTags = document.getElementById(rq.tableId)
            .getElementsByTagName("thead")[0]
            .getElementsByTagName("th");
    var length = thTags.length;
    for(var i = 0; i < length; i++){
        var link = thTags[i].getElementsByTagName("a")[0];
        if(link){
            var span = link.getElementsByTagName("span")[0];
            if(span && sortBySpan(span, i)){
                break;
            }
        }
    }
};
var TableHelperBuildRequest_Filter = function(rq){
    function getFilterFieldsByTableID(tableID){
        var fields = {filterBy: null, filter: null};
        var filterDiv = getFilterDivByTableIDOrNull(tableID);
        if(filterDiv !== null){
            setFilterBy(fields, filterDiv);
            setFilterValue(fields, filterDiv);
        }
        return fields;
    }
    function getFilterDivByTableIDOrNull(tableID){
        var res = null;
        if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
            for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
                if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
                    return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
                }
            }

        }
        return res;
    }
    function setFilterBy(fields, filterDiv){
        var slctObj = filterDiv.getElementsByTagName("select")[0];
        if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
            fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
        }
    }
    function setFilterValue(fields, filterDiv){
        var textObj = filterDiv.getElementsByTagName("input")[0];
        if(textObj && textObj.value && textObj.value.length !== 0){
            fields.filter = encodeURIComponent(textObj.value.trim());
        }
    }

    var r = getFilterFieldsByTableID(rq.tableId);
    if(r.filter !== null){
        rq.filter = r.filter;
    }
    if(r.filterBy !== null){
        rq.filterBy = r.filterBy;
    }
};
var TableHelperColumnHover = function(tableContainer, index){
    var rows = document.getElementById(tableContainer).rows;
    var upto = rows.length - 1;
    if(typeof index === "undefined"){
        TableHelperColumnHoverRelease(rows, upto);
    } else {
        for(var i = 0; i < upto; i++){
            rows[i].cells[index].setAttribute("lang", "col-hover");
        }
    }
};
var TableHelperColumnHoverRelease = function(rows, upto){
    for(var i = 0; i < upto; i++){
        for(var j = 0; j < rows[i].cells.length; j++){
            if(rows[i].cells[j].lang){
                rows[i].cells[j].removeAttribute("lang");
            }
        }
    }
};
var TableHelperSetVisability = function(tableContainer, flag){
    var tbl = document.getElementById(tableContainer);
    if(flag === true){
        tbl.style.filter = "none";
        tbl.style.opacity = "1";
        tbl.style.cursor = "auto";
    }else if(flag === false){
        tbl.style.filter = "blur(1px)";
        tbl.style.opacity = "0.8";
        tbl.style.cursor = "wait";
    }else{
        console.error("table error in the flag value");
    }
};
var TableHelperProcessPaginationLinks = function(tfoot){
    var pLinks = tfoot.querySelectorAll(".paging a");
    if(pLinks.length > 0){
        for(var j = 0; j < pLinks.length; j++){
            pLinks[j].setAttribute("href", "javascript:void(0);");
            pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
        }
    }
};
var TableHelperIfPrior = function(v){
    var rv = false;
    if(window.navigator.appName === 'Microsoft Internet Explorer'){
        var ua = window.navigator.userAgent;
        var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
        if(re.exec(ua) !== null){
            rv = parseFloat(RegExp.$1);
        }
        rv = rv < v ? true : false;
    }
    return rv;
};
var TableHelperRequestToUrl = function(rq){
    var url = location.pathname + ".json" + location.search;
    if(typeof rq === "object"){
        var getUrlVarName = {
            colNo: "col", colOrd: "ord", filter: "filter",
            filterBy: "filter-by", pageNo: "pg", exportType: "export",
            tableId: "table-id"
        };
        var flagFirst = location.search.length < 1 ? true : false;
        for(var r in rq){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
            var clue = flagFirst === true ? "?" : "&";
            url += clue + getUrlVarName[r] + "=" + rq[r];
            flagFirst = false;
        }
    }
    return url;
};
var TableHelperGetParent = function(obj, objType){
    while(obj && obj.tagName !== objType.toUpperCase()){
        obj = obj.parentNode;
    }
    return obj;
};
var TableHelperFilterGetTableId = function(field){
    if(field.tagName.toLowerCase() !== "select"){
        return field.getAttribute("data-table-id");
    }
    var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
    return '' === f.value ? null : f.getAttribute("data-table-id");
};
var TableHelperDrawSectionClear = function(tSection, iePrior9){
    if(iePrior9){
        if(tSection.firstChild){
            while(tSection.firstChild){
                tSection.removeChild(tSection.firstChild);
            }
        }
    }else{
        tSection.innerHTML = "";
    }
};
var TableHelperDrawSectionRow = function(row, tRow){
    for(var cell in row){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
        var tCell = document.createElement("td");
        if(typeof row[cell] === "string" || typeof row[cell] === "number"){
            tCell.innerHTML = row[cell];
        }else if(typeof row[cell] === "object"){
            TableHelperDrawSectionRow_CellFromObject(row, cell, tCell);
        }
        tRow.appendChild(tCell);
    }
};
var TableHelperDrawSectionRow_CellFromObject = function(row, cell, tCell){
    for(var attr in row[cell]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
        if(typeof row[cell][attr] === "string"){
            tCell.innerHTML = row[cell][attr];
        }else if(typeof row[cell][attr] === "object"){
            for(var v in row[cell][attr]){
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
                tCell.setAttribute(v, row[cell][attr][v]);
            }
        }
    }
};

//https://addyosmani.com/resources/essentialjsdesignpatterns/book/#singletonpatternjavascript
var TableSingleton = (function(){
    // Instance stores a reference to the Singleton
    var instance;
    function initInstance(){
        // Singleton
        // Private methods and variables
        var tail = [];
        function LoadData(tableContainer, rq){
            SetVisability(tableContainer, false);
            if(window.XMLHttpRequest){
                var xmlhttp = new XMLHttpRequest();/* code for IE7+, Firefox, Chrome, Opera, Safari */
            }else{ 
                xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP");/*code for IE6, IE5 */
            }
            for(var i = 0; i < tail.length; i++){
                var ex_xmlhttp = tail.shift();
                ex_xmlhttp.abort();
            }
            xmlhttp.onreadystatechange = function(){
                if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
                    var d = JSON.parse(xmlhttp.responseText);
                    instance.rq = rq;
                    instance.Draw(tableContainer, d);
                }
            };
            xmlhttp.open("GET", RequestToUrl(rq), true);
            xmlhttp.send();
            tail.push(xmlhttp); //put at tail to can abort later any previous
        }
        function Init(tableId){
            var tContainer = document.getElementById(tableId);
            if(iePrior(9)){
                TableInitSetColumnsHoverEffect(tContainer, tableId);
            }
            var tfoot = tContainer.getElementsByTagName("tfoot")[0];
            TableHelperProcessPaginationLinks(tfoot);
        }
        function Draw(tableContainer, d){
            DrawSection(tableContainer, d.body);
            DrawSection(tableContainer, d.footer, "tfoot");
            instance.LoadEndCalback(tableContainer);
            SetVisability(tableContainer, true);
            if(this.rq !== null){
                var hover = document.getElementById(this.rq.tableId)
                            .getElementsByTagName("th")[this.rq.colNo].lang;
                if(hover){
                    instance.ColumnHover(tableContainer, this.rq.colNo);
                }
            }
        }
        function DrawSection(tableContainer, dt, tSection){
            var section = tSection === "tfoot" ? "tfoot" : "tbody";
            var tSec = document.getElementById(tableContainer)
                        .getElementsByTagName(section)[0];
            TableHelperDrawSectionClear(tSec, iePrior(9));
            for(var i = 0; i < dt.length; i++){
                var row = dt[i];
                var tRow = document.createElement("tr");
                TableHelperDrawSectionRow(row, tRow);
                tSec.appendChild(tRow);
                if(section === "tfoot"){
                    TableHelperProcessPaginationLinks(tSec);
                }
                instance.AppendRowCalback(tableContainer);
            }
        }

        var BuildRequest = TableHelperBuildRequest;
        var FilterGetTableId = TableHelperFilterGetTableId;
        var getParent = TableHelperGetParent;
        var iePrior = TableHelperIfPrior;
        var RequestToUrl = TableHelperRequestToUrl;
        var SetVisability = TableHelperSetVisability;

        return {
            rq: null,
            strAsc: String.fromCharCode(9650), //&#9650;
            strDesc: String.fromCharCode(9660),//&#9660; 
            ReloadData: function(tableId){
                var request = {};
                BuildRequest(request, tableId, this.strDesc);
                LoadData(tableId, request);
            },
            Filter: function(field){
                var crntTableId = FilterGetTableId(field);
                if(crntTableId !== null){
                    var request = {};
                    var exRq = this.rq;
                    BuildRequest(request, crntTableId, this.strDesc);
                    if(exRq === null ||
                        request.filter !== exRq.filter ||
                        request.filterBy !== exRq.filterBy
                    ){
                        LoadData(crntTableId, request);
                    }
                }
            },
            GoPage: function(lnk){
                var request = {};
                var table = getParent(lnk, "table");
                var crntTableId = table.getAttribute("id");
                BuildRequest(request, crntTableId, this.strDesc);
                //check & serve pagination jump links
                var jumpDir = lnk.innerHTML.trim().substr(0, 1);
                if(jumpDir === "+" || jumpDir === "-"){
                    var current = table.querySelector("tfoot .paging .a").innerHTML;
                    var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
                    var jumpPage = (parseInt(current) + parseInt(jump));
                    lnk.parentNode.setAttribute("data-page", jumpPage);
                    lnk.style.transform = "none";
                }
                request.pageNo = lnk.parentNode.hasAttribute("data-page") ?
                                    lnk.parentNode.getAttribute("data-page") :
                                    lnk.innerHTML;
                LoadData(crntTableId, request, this.strDesc);

                return false;
            },
            Export: function(lnk, eType){
                var request = {};
                var crntTableId = getParent(lnk, "table").getAttribute("id");
                BuildRequest(request, crntTableId, this.strDesc);
                request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
                                        eType : 
                                        "csv";
                window.open(RequestToUrl(request));
                return false;
            },
            Sort: function(colNo, lnk){
                var request = {};
                var crntTableId = getParent(lnk, "table").getAttribute("id");
                BuildRequest(request, crntTableId, this.strDesc);
                if(Math.round(colNo) === request.colNo){
                    request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
                }else{
                    request.colNo = Math.round(colNo);
                    request.colOrd = "asc";
                }
                LoadData(crntTableId, request);
                /* Clear and add new sort arrow */
                var headSpans = getParent(lnk, "thead").getElementsByTagName("span");
                var length = headSpans.length;
                for(var i = 0; i < length; i++){
                    headSpans[i].innerHTML = "";
                }
                lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? this.strDesc : this.strAsc);
            },

            ColumnHover: function(tableContainer, index){
                if(!iePrior(9)){
                    TableHelperColumnHover.call(this, tableContainer, index);
                }
            },
            Draw: Draw,
            LoadEndCalback: function(){},/*Allows override: function(tableId){if(tableId){...}}*/
            AppendRowCalback:  function(){},/*Allows override: function(tableId){if(tableId){...}}*/
            init: Init
        };
    }
    return {
        //Get the Singleton instance if one exists, or create one if it doesn't
        getInstance: function(){
            if(!instance){
                instance = initInstance();
            }
            return instance;
        }
    };
})();
var table = TableSingleton.getInstance();


1			var TableInitSetColumnsHoverEffect = function(tContainer, tableId){
2			var tHcells = tContainer.rows[0].cells;
3			for(var i = 0; i < tHcells.length; i++){
4			if(tHcells[i].firstChild.tagName === "A"){
5			tHcells[i].firstChild.setAttribute("onmouseover", "table.ColumnHover('" + tableId + "'," + i + ");");
6			tHcells[i].firstChild.setAttribute("onmouseout", "table.ColumnHover('" + tableId + "');");
7			}
8			}
9			};
10			var TableHelperBuildRequest = function(rq, crntTableId, strDesc){
11			rq.tableId = crntTableId;
12			TableHelperBuildRequest_Sort(rq, strDesc);
13			TableHelperBuildRequest_Filter(rq);
14			};
15			var TableHelperBuildRequest_Sort = function(rq, strDesc){
16			function sortBySpan(span, i){
17			var order = span.innerHTML;
18			if(order.length === 1){
19			rq.colNo = i;
20			rq.colOrd = order === strDesc ? "desc" : "asc";
21			}
22			return rq.colNo === i;
23			}
24
25			var thTags = document.getElementById(rq.tableId)
26			.getElementsByTagName("thead")[0]
27			.getElementsByTagName("th");
28			var length = thTags.length;
29			for(var i = 0; i < length; i++){
30			var link = thTags[i].getElementsByTagName("a")[0];
31			if(link){
32			var span = link.getElementsByTagName("span")[0];
33			if(span && sortBySpan(span, i)){
34			break;
35			}
36			}
37			}
38			};
39			var TableHelperBuildRequest_Filter = function(rq){
40			function getFilterFieldsByTableID(tableID){
41			var fields = {filterBy: null, filter: null};
42			var filterDiv = getFilterDivByTableIDOrNull(tableID);
43			if(filterDiv !== null){
44			setFilterBy(fields, filterDiv);
45			setFilterValue(fields, filterDiv);
46			}
47			return fields;
48			}
49			function getFilterDivByTableIDOrNull(tableID){
50			var res = null;
51			if(document.getElementById(tableID).parentNode.getElementsByTagName("div").length > 0){
52			for(var i = 0; i < document.getElementById(tableID).parentNode.getElementsByTagName("div").length; i++){
53			if(document.getElementById(tableID).parentNode.getElementsByTagName("div")[i].getAttribute("class") === "filter"){
54			return document.getElementById(tableID).parentNode.getElementsByTagName("div")[i];
55			}
56			}
57
58			}
59			return res;
60			}
61			function setFilterBy(fields, filterDiv){
62			var slctObj = filterDiv.getElementsByTagName("select")[0];
63			if(slctObj && slctObj.options[slctObj.selectedIndex].value !== "all"){
64			fields.filterBy = slctObj.options[slctObj.selectedIndex].value;
65			}
66			}
67			function setFilterValue(fields, filterDiv){
68			var textObj = filterDiv.getElementsByTagName("input")[0];
69			if(textObj && textObj.value && textObj.value.length !== 0){
70			fields.filter = encodeURIComponent(textObj.value.trim());
71			}
72			}
73
74			var r = getFilterFieldsByTableID(rq.tableId);
75			if(r.filter !== null){
76			rq.filter = r.filter;
77			}
78			if(r.filterBy !== null){
79			rq.filterBy = r.filterBy;
80			}
81			};
82			var TableHelperColumnHover = function(tableContainer, index){
83			var rows = document.getElementById(tableContainer).rows;
84			var upto = rows.length - 1;
85			if(typeof index === "undefined"){
86			TableHelperColumnHoverRelease(rows, upto);
87			} else {
88			for(var i = 0; i < upto; i++){
89			rows[i].cells[index].setAttribute("lang", "col-hover");
90			}
91			}
92			};
93			var TableHelperColumnHoverRelease = function(rows, upto){
94			for(var i = 0; i < upto; i++){
95			for(var j = 0; j < rows[i].cells.length; j++){
96			if(rows[i].cells[j].lang){
97			rows[i].cells[j].removeAttribute("lang");
98			}
99			}
100			}
101			};
102			var TableHelperSetVisability = function(tableContainer, flag){
103			var tbl = document.getElementById(tableContainer);
104			if(flag === true){
105			tbl.style.filter = "none";
106			tbl.style.opacity = "1";
107			tbl.style.cursor = "auto";
108			}else if(flag === false){
109			tbl.style.filter = "blur(1px)";
110			tbl.style.opacity = "0.8";
111			tbl.style.cursor = "wait";
112			}else{
113			console.error("table error in the flag value");
114			}
115			};
116			var TableHelperProcessPaginationLinks = function(tfoot){
117			var pLinks = tfoot.querySelectorAll(".paging a");
118			if(pLinks.length > 0){
119			for(var j = 0; j < pLinks.length; j++){
120			pLinks[j].setAttribute("href", "javascript:void(0);");
121			pLinks[j].setAttribute("onclick", "return table.GoPage(this);");
122			}
123			}
124			};
125			var TableHelperIfPrior = function(v){
126			var rv = false;
127			if(window.navigator.appName === 'Microsoft Internet Explorer'){
128			var ua = window.navigator.userAgent;
129			var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
130			if(re.exec(ua) !== null){
131			rv = parseFloat(RegExp.$1);
132			}
133			rv = rv < v ? true : false;
134			}
135			return rv;
136			};
137			var TableHelperRequestToUrl = function(rq){
138			var url = location.pathname + ".json" + location.search;
139			if(typeof rq === "object"){
140			var getUrlVarName = {
141			colNo: "col", colOrd: "ord", filter: "filter",
142			filterBy: "filter-by", pageNo: "pg", exportType: "export",
143			tableId: "table-id"
144			};
145			var flagFirst = location.search.length < 1 ? true : false;
146			for(var r in rq){
			1 ignored issue – show Complexity introduced 2019-03-01 08:47 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
147			var clue = flagFirst === true ? "?" : "&";
148			url += clue + getUrlVarName[r] + "=" + rq[r];
149			flagFirst = false;
150			}
151			}
152			return url;
153			};
154			var TableHelperGetParent = function(obj, objType){
155			while(obj && obj.tagName !== objType.toUpperCase()){
156			obj = obj.parentNode;
157			}
158			return obj;
159			};
160			var TableHelperFilterGetTableId = function(field){
161			if(field.tagName.toLowerCase() !== "select"){
162			return field.getAttribute("data-table-id");
163			}
164			var f = field.parentNode.parentNode.getElementsByTagName("input")[0];
165			return '' === f.value ? null : f.getAttribute("data-table-id");
166			};
167			var TableHelperDrawSectionClear = function(tSection, iePrior9){
168			if(iePrior9){
169			if(tSection.firstChild){
170			while(tSection.firstChild){
171			tSection.removeChild(tSection.firstChild);
172			}
173			}
174			}else{
175			tSection.innerHTML = "";
176			}
177			};
178			var TableHelperDrawSectionRow = function(row, tRow){
179			for(var cell in row){
			1 ignored issue – show Complexity introduced 2019-02-17 20:48 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
180			var tCell = document.createElement("td");
181			if(typeof row[cell] === "string" \|\| typeof row[cell] === "number"){
182			tCell.innerHTML = row[cell];
183			}else if(typeof row[cell] === "object"){
184			TableHelperDrawSectionRow_CellFromObject(row, cell, tCell);
185			}
186			tRow.appendChild(tCell);
187			}
188			};
189			var TableHelperDrawSectionRow_CellFromObject = function(row, cell, tCell){
190			for(var attr in row[cell]){
			1 ignored issue – show Complexity introduced 2019-02-17 21:00 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
191			if(typeof row[cell][attr] === "string"){
192			tCell.innerHTML = row[cell][attr];
193			}else if(typeof row[cell][attr] === "object"){
194			for(var v in row[cell][attr]){
			1 ignored issue – show Complexity introduced 2019-02-16 22:09 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
195			tCell.setAttribute(v, row[cell][attr][v]);
196			}
197			}
198			}
199			};
200
201			//https://addyosmani.com/resources/essentialjsdesignpatterns/book/#singletonpatternjavascript
202			var TableSingleton = (function(){
203			// Instance stores a reference to the Singleton
204			var instance;
205			function initInstance(){
206			// Singleton
207			// Private methods and variables
208			var tail = [];
209			function LoadData(tableContainer, rq){
210			SetVisability(tableContainer, false);
211			if(window.XMLHttpRequest){
212			var xmlhttp = new XMLHttpRequest();/* code for IE7+, Firefox, Chrome, Opera, Safari */
213			}else{
214			xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP");/code for IE6, IE5 /
215			}
216			for(var i = 0; i < tail.length; i++){
217			var ex_xmlhttp = tail.shift();
218			ex_xmlhttp.abort();
219			}
220			xmlhttp.onreadystatechange = function(){
221			if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
222			var d = JSON.parse(xmlhttp.responseText);
223			instance.rq = rq;
224			instance.Draw(tableContainer, d);
225			}
226			};
227			xmlhttp.open("GET", RequestToUrl(rq), true);
228			xmlhttp.send();
229			tail.push(xmlhttp); //put at tail to can abort later any previous
230			}
231			function Init(tableId){
232			var tContainer = document.getElementById(tableId);
233			if(iePrior(9)){
234			TableInitSetColumnsHoverEffect(tContainer, tableId);
235			}
236			var tfoot = tContainer.getElementsByTagName("tfoot")[0];
237			TableHelperProcessPaginationLinks(tfoot);
238			}
239			function Draw(tableContainer, d){
240			DrawSection(tableContainer, d.body);
241			DrawSection(tableContainer, d.footer, "tfoot");
242			instance.LoadEndCalback(tableContainer);
243			SetVisability(tableContainer, true);
244			if(this.rq !== null){
245			var hover = document.getElementById(this.rq.tableId)
246			.getElementsByTagName("th")[this.rq.colNo].lang;
247			if(hover){
248			instance.ColumnHover(tableContainer, this.rq.colNo);
249			}
250			}
251			}
252			function DrawSection(tableContainer, dt, tSection){
253			var section = tSection === "tfoot" ? "tfoot" : "tbody";
254			var tSec = document.getElementById(tableContainer)
255			.getElementsByTagName(section)[0];
256			TableHelperDrawSectionClear(tSec, iePrior(9));
257			for(var i = 0; i < dt.length; i++){
258			var row = dt[i];
259			var tRow = document.createElement("tr");
260			TableHelperDrawSectionRow(row, tRow);
261			tSec.appendChild(tRow);
262			if(section === "tfoot"){
263			TableHelperProcessPaginationLinks(tSec);
264			}
265			instance.AppendRowCalback(tableContainer);
266			}
267			}
268
269			var BuildRequest = TableHelperBuildRequest;
270			var FilterGetTableId = TableHelperFilterGetTableId;
271			var getParent = TableHelperGetParent;
272			var iePrior = TableHelperIfPrior;
273			var RequestToUrl = TableHelperRequestToUrl;
274			var SetVisability = TableHelperSetVisability;
275
276			return {
277			rq: null,
278			strAsc: String.fromCharCode(9650), //▲
279			strDesc: String.fromCharCode(9660),//▼
280			ReloadData: function(tableId){
281			var request = {};
282			BuildRequest(request, tableId, this.strDesc);
283			LoadData(tableId, request);
284			},
285			Filter: function(field){
286			var crntTableId = FilterGetTableId(field);
287			if(crntTableId !== null){
288			var request = {};
289			var exRq = this.rq;
290			BuildRequest(request, crntTableId, this.strDesc);
291			if(exRq === null \|\|
292			request.filter !== exRq.filter \|\|
293			request.filterBy !== exRq.filterBy
294			){
295			LoadData(crntTableId, request);
296			}
297			}
298			},
299			GoPage: function(lnk){
300			var request = {};
301			var table = getParent(lnk, "table");
302			var crntTableId = table.getAttribute("id");
303			BuildRequest(request, crntTableId, this.strDesc);
304			//check & serve pagination jump links
305			var jumpDir = lnk.innerHTML.trim().substr(0, 1);
306			if(jumpDir === "+" \|\| jumpDir === "-"){
307			var current = table.querySelector("tfoot .paging .a").innerHTML;
308			var jump = lnk.innerHTML.replace("K", "000").replace("M", "000000000");
309			var jumpPage = (parseInt(current) + parseInt(jump));
310			lnk.parentNode.setAttribute("data-page", jumpPage);
311			lnk.style.transform = "none";
312			}
313			request.pageNo = lnk.parentNode.hasAttribute("data-page") ?
314			lnk.parentNode.getAttribute("data-page") :
315			lnk.innerHTML;
316			LoadData(crntTableId, request, this.strDesc);
			0 ignored issues – show Bug introduced 2019-03-09 17:03 UTC by Report Bug Copy Issue Report The call to `LoadData` seems to have too many arguments starting with `this.strDesc`. Loading history...
317			return false;
318			},
319			Export: function(lnk, eType){
320			var request = {};
321			var crntTableId = getParent(lnk, "table").getAttribute("id");
322			BuildRequest(request, crntTableId, this.strDesc);
323			request.exportType = ["CSV", "Excel"].indexOf(eType) >= 0 ?
324			eType :
325			"csv";
326			window.open(RequestToUrl(request));
327			return false;
328			},
329			Sort: function(colNo, lnk){
330			var request = {};
331			var crntTableId = getParent(lnk, "table").getAttribute("id");
332			BuildRequest(request, crntTableId, this.strDesc);
333			if(Math.round(colNo) === request.colNo){
334			request.colOrd = (request.colOrd === "asc" ? "desc" : "asc");
335			}else{
336			request.colNo = Math.round(colNo);
337			request.colOrd = "asc";
338			}
339			LoadData(crntTableId, request);
340			/* Clear and add new sort arrow */
341			var headSpans = getParent(lnk, "thead").getElementsByTagName("span");
342			var length = headSpans.length;
343			for(var i = 0; i < length; i++){
344			headSpans[i].innerHTML = "";
345			}
346			lnk.getElementsByTagName("span")[0].innerHTML = (request.colOrd === "desc" ? this.strDesc : this.strAsc);
347			},
348
349			ColumnHover: function(tableContainer, index){
350			if(!iePrior(9)){
351			TableHelperColumnHover.call(this, tableContainer, index);
352			}
353			},
354			Draw: Draw,
355			LoadEndCalback: function(){},/Allows override: function(tableId){if(tableId){...}}/
356			AppendRowCalback: function(){},/Allows override: function(tableId){if(tableId){...}}/
357			init: Init
358			};
359			}
360			return {
361			//Get the Singleton instance if one exists, or create one if it doesn't
362			getInstance: function(){
363			if(!instance){
364			instance = initInstance();
365			}
366			return instance;
367			}
368			};
369			})();
370			var table = TableSingleton.getInstance();
371

webdivane / table

Branch — master (0d6aa4)

table.js ➔ initInstance B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like